<!--
 * @Author: zyk 997610780@qq.com
 * @Date: 2022-10-21 15:27:26
 * @LastEditors: zyk 997610780@qq.com
 * @LastEditTime: 2022-10-21 17:46:40
 * @FilePath: \fifty-small-projects\46测试应用程序\46.html
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE<
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>答题应用程序</title>
  <link rel="stylesheet" href="../base.css">
  <link rel="stylesheet" href="./46.css">
</head>
<body>
  <div id="app">
    <div class="quiz">
      <div class="quiz_hd">问题</div>
      <ul class="answer_list">
        <li class="answer_item" data-option="a">
          <input type="radio" class="answer_radio" name="answer" id="answer_a" >
          <label for="answer_a">答案a</label>
        </li>
        <li class="answer_item" data-option="b">
          <input type="radio" class="answer_radio" name="answer" id="answer_b">
          <label for="answer_b">答案b</label>
        </li>
        <li class="answer_item" data-option="c">
          <input type="radio" class="answer_radio" name="answer" id="answer_c">
          <label for="answer_c">答案c</label>
        </li>
        <li class="answer_item" data-option="d">
          <input type="radio" class="answer_radio" name="answer" id="answer_d">
          <label for="answer_d">答案d</label>
        </li>
      </ul>
      <button class="sub_btn">提交</button>
    </div>

    <div class="result hide">
      <div class="title">You answered 1/4 questions correctly</div>
      <button class="reset_btn">重新答题</button>
    </div>
  </div>
  <script src="./46.js"></script>
</body>
</html>